<script setup lang="ts">
	import Catalog from '@/views/plugin/dashboard/view/main/component/catalog.vue'
	import { designStore } from '@/views/plugin/dashboard/store/design.js'
	import { storeToRefs } from 'pinia'
	import DashboardList from '@/views/plugin/dashboard/view/main/component/dashboardList.vue'

	const store = designStore()
	const { currentCategoryId } = storeToRefs(store)
</script>

<template>
	<a-row :gutter="10">
		<a-col :xs="24" :sm="24" :md="24" :lg="6" :xl="6">
			<catalog />
		</a-col>
		<a-col :xs="24" :sm="24" :md="24" :lg="18" :xl="18">
			<div v-if="!currentCategoryId" class="flex justify-center h-full items-center">
				<a-empty description="请选择分类" />
			</div>
			<dashboard-list v-else />
		</a-col>
	</a-row>
</template>

<style scoped lang="less"></style>
